<template>
      <div id="ban">
            <div class="btn" @click="$router.push('/daili')">
                  项目代理
            </div>
            <dialog-box :DialogData="DialogData" :formData="formData"></dialog-box>
      </div>
</template>

<script>
      import DialogBox from "@/components/Dialog"
      export default {
            data() {
                  return {
                        DialogData: {
                              show: false,
                              title: "立即咨询"
                        },
                        formData: {
                              username: "",
                              telephone: ""
                        }
                  }
            },
            components: {
                  DialogBox,
            },
            methods: {
                  showDia() {
                        this.DialogData = {
                              show: true,
                              title: "立即咨询"
                        }
                        this.formData = {}
                  }
            },
      }
</script>

<style lang="scss" scoped>
#ban {
      width: 1920px;
      height: 600px;
      margin: 0 auto;
      background: url("../../assets/img/dban.png") 0 0 no-repeat;
      background-size: 100% 100%;
      position: relative;
      left: 0;
      top: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      .btn {
            width: 180px;
            height: 40px;
            margin: 0 auto;
            background-color: #2b40cc;
            font-size: 24px;
            text-align: center;
            line-height: 40px;
            color: #fff;
            margin-bottom: 150px;
            border-radius: 20px;
            
      }
}
</style>